<?xml version="1.0" encoding="UTF-8"?>
<!--
/**
 * @copyright Copyright (c) 2017, Olivier Paroz (github@oparoz.com)
 * @copyright Copyright (c) 2017, Philipp Kewisch
 * @copyright Copyright (c) 2017, Mark James
 * @copyright Copyright (c) 2017, Guillaume Viguier-Just (@guillaumev)
 *
 * @license GNU AGPL version 3 or any later version
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *
 */
-->

<!DOCTYPE html [
		<!ENTITY % htmlDTD PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd"> %htmlDTD;
		<!ENTITY % managementDTD SYSTEM "chrome://messenger/locale/cloudfile/management.dtd"> %managementDTD;
		<!ENTITY % nextcloudDTD SYSTEM "chrome://nextcloud/locale/management.dtd"> %nextcloudDTD;
		]>
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<script type="application/javascript;version=1.8"
				src="chrome://messenger/content/protovis-r2.6-modded.js"/>
		<script type="text/javascript;version=1.8"
				src="chrome://nextcloud/content/management.js"/>
		<link rel="stylesheet"
			  type="text/css"
			  href="chrome://messenger/skin/preferences/preferences.css"/>
	</head>
	<body id="provider-management">
		<div id="provider-header">
			<img id="logo" src="chrome://nextcloud/content/logo.png" height="20" />
			<div id="provider-service-info">
				 <span id="service-label">
					 &nextcloudMgmt.provider;
				 </span>
				<span id="service-link">
						 <a id="service"></a>
				</span>
			</div>
		</div>
		<div id="provider-content">
			<div id="provider-spacebox">
				<div id="provider-space-visuals"></div>
				<div id="provider-space">
					<div>
						<label>&cloudfileMgmt.usedSpace;</label>
						<span id="file-space-used"/>
						<span id="file-space-used-swatch" class="space-swatch"/>
					</div>
					<div>
						<label>&cloudfileMgmt.unusedSpace;</label>
						<span id="remaining-file-space"/>
						<span id="remaining-file-space-swatch" class="space-swatch"/>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
